<template>
  <div>
    <CloudProgress type="circle" :percent="30" :width="80" />
    <CloudProgress type="circle" :percent="70" :width="80" status="exception" />
    <CloudProgress type="circle" :percent="100" :width="80" />
  </div>
</template>
<script>
  export default {
    title: '6.小型进度圈',
  }
</script>
<style scoped>
.ant-progress-circle-wrap,
.ant-progress-line-wrap {
  margin-right: 8px;
  margin-bottom: 5px;
}
</style>